import React,{useState} from "react";
import Parent from "./components/Parent";
import MyContext from "./MyContext";
export default function App() {
  const [val,setVal]=useState(50)
  return (
    <MyContext.Provider value={{val}}>
      <div
        style={{
          width: "500px",
          height: "500px",
          background: "red",
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          borderRadius: "50%",
        }}
      >
        <Parent></Parent>
        <button onClick={()=>{
          setVal(val+1)
        }}>+</button>
      </div>
    </MyContext.Provider>
  );
}
